<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">
    <title>添加客户</title>
    <!-- Bootstrap core CSS -->
    <link href="../res/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="../res/css/navbar-fixed-top.css" rel="stylesheet">
    <link rel="stylesheet" href="../res/css/common.css">
    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]>
    <![endif]-->
    <link rel="stylesheet" href="../res/plugins/select2/css/select2.css">
    <link rel="stylesheet" href="../res/css/themes/blue.css">
    <link rel="stylesheet" href="../res/plugins/Validform/css/Validform.css">
    <style>
		.form-group label.required{
			color:red;
		}

    </style>
</head>
<body>
<div class="container">
    <ol class="breadcrumb">
        <li><a href="#">主页</a></li>
        <li><a href="#">客户管理</a></li>
        <li class="active">添加客户</li>
    </ol>

    <div class="panel panel-info">
        <div class="panel-heading" style="padding: 6px 15px;">
            <div class="row">
                <div class="col-xs-6" style="line-height: 30px;">
                    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> 添加员工
                </div>
            </div>
        </div>
        <div class="panel-body">

            <div class="form-wrap" style="border:1px solid #ccc;padding:10px 0px;">

						
                <form id="addCustomerForm" class="form-horizontal">
                	
					<div class="form-group">
						<label for="account" class="col-sm-2 control-label required">手机号码</label>
						<div class="col-sm-5"> 		
							<input id="phone" name="phone" type="text" class="form-control" placeholder="请输入手机号码" datatype="s6-123"/>
						</div>
						<div class="col-sm-5"></div>
					</div>
                	
					<div class="form-group">
						<label for="account" class="col-sm-2 control-label required">账号</label>
						<div class="col-sm-5"> 		
							<input id="account" name="account" type="text" class="form-control" placeholder="请输入账号" datatype="*" nullmsg="测试nullmsg" errormsg="测试errormsg"/>
						</div>
						<div class="col-sm-5"></div>
					</div>
                	
					<div class="form-group">
						<label for="account" class="col-sm-2 control-label required">备注</label>
						<div class="col-sm-5"> 		
							<textarea id="remark" name="remark" class="form-control" rows="6" datatype="s5-200"></textarea>	 
						</div>
						<div class="col-sm-5"></div>
					</div>
                	
					<div class="form-group">
						<label for="account" class="col-sm-2 control-label">城市</label>
						<div class="col-sm-5"> 		
		                		obj
		                		cities
		                		id
		                		name
		                	
							<select id="province" name="province" class="form-control">
							
							<c:if test="${not empty cities}">
								<option value="-10">请选择-->></option>
								<c:forEach var="obj" items="${cities}" varStatus="vs">
								<option value="${obj.id}"${obj.id == user.city ? ' selected' : ''}>${obj.name}</option>
								</c:forEach>
							</c:if>
		                	</select>
		                	
                            
						</div>
						<div class="col-sm-5"></div>
					</div>
                	
						
						
				
					<hr/>
					
                
                
                    
                    <div class="form-group">
                        <label for="name" class="col-sm-2 control-label Validform_label">昵称</label>
                        <div class="col-sm-5">
                            <input id="name" name="name" type="text" class="form-control" placeholder="请输入昵称"  datatype="s6-18" />
                        </div>
                        <div class="col-sm-5"></div>
                    </div>
                    <div class="form-group">
                        <label for="password" class="col-sm-2 control-label Validform_label">密码</label>
                        <div class="col-sm-5">
                            <input id="password" name="password" type="password" class="form-control" placeholder="请输入密码" datatype="s6-16"/>
                        </div>
                        <div class="col-sm-5"></div>
                    </div>
                    <div class="form-group">
                        <label for="repassword" class="col-sm-2 control-label Validform_label">确认密码</label>
                        <div class="col-sm-5">
                            <input id="repassword" type="password" class="form-control" placeholder="请输入确认密码" datatype="*" recheck="password" errormsg="您两次输入的账号密码不一致!"/>
                        </div>
                        <div class="col-sm-5"></div>
                    </div>
                    <div class="form-group">
                        <label for="gender" class="col-sm-2 control-label">性别</label>
                        <div class="col-sm-5">
                            <label class="radio-inline">
                                <input id="gender" name="gender" type="radio" value="1"/> 男
                            </label>
                            <label class="radio-inline">
                                <input name="gender" type="radio" value="2"/> 女
                            </label>
                        </div>
                        <div class="col-sm-5"></div>
                    </div>
                    <div class="form-group">
                        <label for="hobby" class="col-sm-2 control-label">爱好</label>
                        <div class="col-sm-5">
                            <label class="checkbox-inline">
                                <input id="hobby" name="hobby" type="checkbox" value="1" datatype="min" min="2"/> 篮球
                            </label>
                            <label class="checkbox-inline">
                                <input name="hobby" type="checkbox" value="2" datatype="min" min="2"/> 乒乓球
                            </label>
                            <label class="checkbox-inline">
                                <input name="hobby" type="checkbox" value="3" datatype="min" min="2"/> 足球
                            </label>
                        </div>
                        <div class="col-sm-5 Validform_checktip"></div>
                    </div>
                    <div class="form-group">
                        <label for="face" class="col-sm-2 control-label">文件</label>
                        <div class="col-sm-5">
                            <input id="face" name="face" type="file" placeholder="请选择文件"/>
                        </div>
                        <div class="col-sm-5"></div>
                    </div>
                    <div class="form-group">
                        <label for="province" class="col-sm-2 control-label">省份</label>
                        <div class="col-sm-5">
                            <select id="province" name="province" class="form-control">
                                <option value="">--请选择省份--</option>
                                <option value="1">北京</option>
                                <option value="2">上海</option>
                                <option value="3">广东</option>
                                <option value="4">四川</option>
                            </select>
                        </div>
                        <div class="col-sm-5"></div>
                    </div>
                    <div class="form-group">
                        <label for="remark" class="col-sm-2 control-label">备注</label>
                        <div class="col-sm-5">
                            <textarea id="remark" name="remark" class="form-control" rows="4" ignore="ignore" datatype="s5-200"></textarea>
                        </div>
                        <div class="col-sm-5"></div>
                    </div>




                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-default">Sign in</button>
                        </div>
                    </div>
                    
                    
                </form>

            </div>

        </div>
    </div>


</div> <!-- /container -->


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="../res/js/jquery-2.2.0.min.js"></script>
<script src="../res/plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../res/plugins/bootstrap/js/ie10-viewport-bug-workaround.js"></script>
<script src="../res/plugins/select2/js/select2.full.js"></script>
<script src="../res/plugins/Validform/js/Validform_v5.3.2.js"></script>
<script src="../res/plugins/Validform/js/Validform_Datatype.js"></script>

<script>
    $("#addCustomerForm").Validform({
        tiptype:2
    });


</script>

</body>
</html>
